<script lang="ts" setup>
import { ref } from "vue"
import smart from "./components/smart.vue"
import mirror from "./components/mirror.vue"
import type { TabsPaneContext } from "element-plus"
const activeName = ref("smart")

const handleClick = (tab: TabsPaneContext, event: Event) => {
  console.log(tab, event)
}
</script>

<template>
  <div class="dashboard-container" style="">
    <div class="content">
      <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
        <el-tab-pane label="智能" name="smart">
          <!-- 智能扩图 -->
          <smart />
        </el-tab-pane>
        <el-tab-pane label="镜像" name="mirror">
          <!-- 镜像扩图 -->
          <mirror />
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>
<style lang="scss" scoped>
.dashboard-container {
  padding: 0 16px 30px;
  margin-top: 16px;
  .content {
    padding: 0 20px 20px;
    background: #fff;
    border-radius: 6px;
  }
}
</style>
